<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"      
      xmlns:c="http://java.sun.com/jsp/jstl/core">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <script src="../js/jquery-2.1.1.js" />
        <script src="https://maps.googleapis.com/maps/api/js?sensor=true|false" type="text/javascript"></script>
        <title>Mi Casita</title>
    </h:head>

    <h:body>
        <h:form >
            <p:growl id="msgs" showDetail="true"/>
            <p:panel id="ventana">
                <div id="top">
                    <ui:insert name="top">
                        <p:panelGrid columns="2" style="width: 100%">
                            <h1>Bienvenido Mi Casita <br/> el sistema control de precios de El Salvador</h1>
                            <p:graphicImage alt="micasita" url="./img/casita.jpg" height="120px"/>
                        </p:panelGrid>
                    </ui:insert>
                </div>
                <c:choose>
                    <c:when test="${true}">
                        <!--                        <p:menubar>
                                                    <p:submenu label="opcion">
                                                        <p:menuitem value="opcion1"/>
                                                        <p:menuitem value="opcion2"/>
                                                    </p:submenu>
                                                    <p:submenu label="opcion">
                                                        <p:menuitem value="opcion1"/>
                                                        <p:menuitem value="opcion2"/>
                                                    </p:submenu>
                                                    <p:submenu label="opcion">
                                                        <p:menuitem value="opcion1"/>
                                                        <p:menuitem value="opcion2"/>
                                                    </p:submenu>
                                                </p:menubar>-->
                        <div>
                            <div id="content" class="left_content" style="min-height: 300px">
                                <br/><br/>
                                <p:panel>
                                    <ui:insert name="content">

                                    </ui:insert>
                                </p:panel>
                            </div>
                        </div> 
                    </c:when>
                    <c:otherwise>
                        <div class="left_content" style="min-height: 300px; text-align: center">
                            No se ha identificado, por favor presione el boton para poder ingresar el usuario y la contraseña
                            <br/>
                            <br/>
                        </div>
                    </c:otherwise>
                </c:choose>
                <div id="bottom" align="center">
                    <ui:insert name="bottom">
                        <p:panel>
                            MiCasita Copyright 2014
                        </p:panel>
                    </ui:insert>
                </div>
            </p:panel>
        </h:form>
    </h:body>
</html>
